<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逐浪 EA - 汇交易策略研发中心 | 智能量化交易系统</title>
    <meta name="description" content="逐浪EA是由汇交易策略研发中心推出的旗舰级智能量化交易系统。采用多指标趋势过滤+动态网格马丁混合策略，提供观摩账户700000742实时验证。专业算法交易，严格风控体系。">
    <meta name="keywords" content="逐浪EA,外汇EA,量化交易,MT4智能交易,马丁策略,趋势跟踪,汇交易策略研发中心,匯先生">
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary-navy: #0a1929;
            --secondary-gold: #d4af37;
            --accent-rose: #e8b4a0;
            --text-primary: #ffffff;
            --text-secondary: #b8c5d6;
            --bg-card: rgba(255, 255, 255, 0.05);
            --border-color: rgba(212, 175, 55, 0.2);
            --success-green: #00d4aa;
            --danger-red: #ff4757;
            --warning-orange: #ff9f43;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
            background: linear-gradient(135deg, var(--primary-navy) 0%, #0c1e33 100%);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 导航栏 */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            background: rgba(10, 25, 41, 0.95);
            backdrop-filter: blur(20px);
            z-index: 1000;
            border-bottom: 1px solid var(--border-color);
        }

        .nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
        }

        .logo {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--secondary-gold);
            letter-spacing: 2px;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

        .nav-links a {
            color: var(--text-primary);
            text-decoration: none;
            font-size: 0.95rem;
            transition: color 0.3s;
            cursor: pointer;
        }

        .nav-links a:hover {
            color: var(--secondary-gold);
        }

        /* 英雄区域 */
        .hero {
            margin-top: 80px;
            padding: 120px 0;
            text-align: center;
            background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
            position: relative;
        }

        .hero::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
            opacity: 0.3;
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .hero h1 {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 1rem;
            background: linear-gradient(135deg, var(--secondary-gold) 0%, var(--accent-rose) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: 3px;
        }

        .hero .subtitle {
            font-size: 1.3rem;
            color: var(--text-secondary);
            margin-bottom: 2rem;
            font-weight: 300;
        }

        .hero .author {
            font-size: 1.1rem;
            color: var(--accent-rose);
            margin-bottom: 3rem;
            font-style: italic;
        }

        .cta-buttons {
            display: flex;
            gap: 1.5rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn {
            padding: 15px 40px;
            border: none;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--secondary-gold) 0%, #b8941f 100%);
            color: var(--primary-navy);
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
        }

        .btn-secondary {
            background: transparent;
            color: var(--secondary-gold);
            border: 2px solid var(--secondary-gold);
        }

        .btn-secondary:hover {
            background: var(--secondary-gold);
            color: var(--primary-navy);
        }

        /* 区块样式 */
        .section {
            padding: 100px 0;
            position: relative;
        }

        .section-title {
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 1rem;
            color: var(--secondary-gold);
        }

        .section-subtitle {
            text-align: center;
            color: var(--text-secondary);
            margin-bottom: 60px;
            font-size: 1.1rem;
        }

        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 15px;
            padding: 2rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }

        .card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent);
            transition: left 0.5s;
        }

        .card:hover::before {
            left: 100%;
        }

        .card:hover {
            transform: translateY(-10px);
            border-color: var(--secondary-gold);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .card-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
            color: var(--secondary-gold);
        }

        .card h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: var(--accent-rose);
        }

        .card p {
            color: var(--text-secondary);
            line-height: 1.8;
        }

        /* 策略详情 */
        .strategy-details {
            background: linear-gradient(180deg, rgba(10, 25, 41, 0.8) 0%, transparent 100%);
        }

        .detail-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
        }

        .detail-content h3 {
            font-size: 2rem;
            margin-bottom: 1.5rem;
            color: var(--secondary-gold);
        }

        .detail-content p {
            color: var(--text-secondary);
            margin-bottom: 1rem;
            line-height: 1.8;
        }

        .feature-list {
            list-style: none;
            margin-top: 1.5rem;
        }

        .feature-list li {
            padding: 0.5rem 0;
            color: var(--text-secondary);
            position: relative;
            padding-left: 1.5rem;
        }

        .feature-list li::before {
            content: "▸";
            color: var(--secondary-gold);
            position: absolute;
            left: 0;
        }

        /* 性能展示 */
        .performance {
            background: var(--bg-card);
            border-radius: 20px;
            padding: 3rem;
            margin: 2rem 0;
            border: 1px solid var(--border-color);
        }

        .metrics {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }

        .metric {
            text-align: center;
            padding: 1.5rem;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            border: 1px solid transparent;
            transition: all 0.3s;
        }

        .metric:hover {
            border-color: var(--secondary-gold);
        }

        .metric-value {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--secondary-gold);
            display: block;
        }

        .metric-label {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-top: 0.5rem;
        }

        /* 观摩账户 */
        .demo-account {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(232, 180, 160, 0.1) 100%);
            text-align: center;
            padding: 4rem 2rem;
            border-radius: 20px;
            margin: 3rem 0;
            border: 2px solid var(--secondary-gold);
            position: relative;
        }

        .demo-account::before {
            content: "LIVE";
            position: absolute;
            top: 20px;
            right: 20px;
            background: var(--danger-red);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 700;
        }

        .account-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }

        .info-item {
            background: rgba(0, 0, 0, 0.3);
            padding: 1.5rem;
            border-radius: 10px;
            border: 1px solid var(--border-color);
        }

        .info-item h4 {
            color: var(--accent-rose);
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }

        .info-item p {
            font-size: 1.2rem;
            font-weight: 600;
            word-break: break-all;
        }

        .info-item p.copy {
            cursor: pointer;
            position: relative;
        }

        .info-item p.copy:hover::after {
            content: "点击复制";
            position: absolute;
            top: -30px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--secondary-gold);
            color: var(--primary-navy);
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 0.8rem;
        }

        /* 风险警告 */
        .risk-warning {
            background: linear-gradient(135deg, rgba(255, 71, 87, 0.15) 0%, rgba(255, 159, 67, 0.15) 100%);
            border: 2px solid var(--warning-orange);
            border-radius: 15px;
            padding: 3rem;
            margin: 3rem 0;
        }

        .risk-warning h3 {
            color: var(--warning-orange);
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .risk-content {
            color: var(--text-secondary);
            line-height: 1.8;
        }

        .risk-content ul {
            margin: 1rem 0;
            padding-left: 1.5rem;
        }

        .risk-content li {
            margin: 0.5rem 0;
        }

        .risk-level {
            background: var(--warning-orange);
            color: var(--primary-navy);
            padding: 0.3rem 1rem;
            border-radius: 20px;
            font-weight: 700;
            display: inline-block;
            margin-top: 1rem;
        }

        /* 团队介绍 */
        .team {
            background: var(--bg-card);
            border-radius: 20px;
            padding: 3rem;
            margin: 2rem 0;
            text-align: center;
            border: 1px solid var(--border-color);
        }

        .team-avatar {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--secondary-gold) 0%, var(--accent-rose) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            margin: 0 auto 1.5rem;
            color: var(--primary-navy);
            font-weight: 700;
        }

        .team h3 {
            color: var(--secondary-gold);
            margin-bottom: 0.5rem;
        }

        .team-role {
            color: var(--accent-rose);
            font-size: 1rem;
            margin-bottom: 1.5rem;
        }

        .contact-info {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin-top: 2rem;
        }

        .contact-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--text-secondary);
        }

        .contact-item strong {
            color: var(--secondary-gold);
        }

        /* 页脚 */
        footer {
            background: rgba(0, 0, 0, 0.3);
            padding: 3rem 0;
            text-align: center;
            border-top: 1px solid var(--border-color);
            margin-top: 100px;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .footer-section h4 {
            color: var(--secondary-gold);
            margin-bottom: 1rem;
        }

        .footer-section p, .footer-section a {
            color: var(--text-secondary);
            text-decoration: none;
            line-height: 1.8;
        }

        .footer-section a:hover {
            color: var(--secondary-gold);
        }

        .copyright {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-top: 2rem;
            padding-top: 2rem;
            border-top: 1px solid var(--border-color);
        }

        /* 响应式 */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5rem;
            }
            
            .nav-links {
                display: none;
            }
            
            .detail-grid {
                grid-template-columns: 1fr;
            }
            
            .cta-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .btn {
                width: 100%;
                max-width: 300px;
            }
        }

        /* 动画 */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeIn 0.8s ease forwards;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 滚动条 */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--primary-navy);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--secondary-gold);
            border-radius: 4px;
        }
    </style>
<base target="_blank">
</head>
<body>
    <!-- 导航栏 -->
    <nav>
        <div class="container">
            <div class="nav-content">
                <div class="logo">逐浪 EA</div>
                <ul class="nav-links">
                    <li><a onclick="scrollToSection('strategy')">策略核心</a></li>
                    <li><a onclick="scrollToSection('performance')">性能表现</a></li>
                    <li><a onclick="scrollToSection('demo')">实盘观摩</a></li>
                    <li><a onclick="scrollToSection('risk')">风险披露</a></li>
                    <li><a onclick="scrollToSection('contact')">联系我们</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 英雄区域 -->
    <section class="hero">
        <div class="container">
            <div class="hero-content fade-in">
                <h1>逐浪 EA</h1>
                <p class="subtitle">汇交易策略研发中心 · 旗舰级智能量化系统</p>
                <p class="author">首席策略架构师 · 匯先生</p>
                <div class="cta-buttons">
                    <a href="#demo" class="btn btn-primary">立即观摩实盘</a>
                    <a href="#risk" class="btn btn-secondary">了解风险等级</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 核心优势 -->
    <section class="section">
        <div class="container">
            <h2 class="section-title fade-in">系统核心优势</h2>
            <p class="section-subtitle fade-in">融合华尔街量化模型与亚洲市场特性，打造新一代智能交易系统</p>
            <div class="grid fade-in">
                <div class="card">
                    <div class="card-icon">📊</div>
                    <h3>多指标验证引擎</h3>
                    <p>集成8重EMA均线、MACD、ADX、KDJ、分形指标等12项技术指标，通过多层过滤机制确保趋势判断准确性高达85%以上。</p>
                </div>
                <div class="card">
                    <div class="card-icon">🎯</div>
                    <h3>智能动态网格</h3>
                    <p>独创"顺势加仓+逆势摊平"双模网格系统，自动识别市场状态，智能调整加仓间距与手数倍数，实现风险收益最优化。</p>
                </div>
                <div class="card">
                    <div class="card-icon">🛡️</div>
                    <h3>三级风控体系</h3>
                    <p>内置移动止损、金额风控、均价止盈三重保护机制，实时监控账户风险，自动执行紧急预案，确保资金安全。</p>
                </div>
                <div class="card">
                    <div class="card-icon">⚡</div>
                    <h3>毫秒级执行</h3>
                    <p>采用C++核心算法优化，MT4平台下单延迟<50ms，支持一键人工干预，提供6个可视化操作按钮，应对极端行情。</p>
                </div>
                <div class="card">
                    <div class="card-icon">🌐</div>
                    <h3>跨市场适配</h3>
                    <p>深度优化适用于EURUSD、GBPUSD等主流货币对，支持5M/15M多时间框架，自适应不同经纪商平台环境。</p>
                </div>
                <div class="card">
                    <div class="card-icon">📈</div>
                    <h3>数据透明化</h3>
                    <p>提供实盘观摩账户，所有交易记录公开可追溯，支持MT4移动端实时监控，业绩数据真实透明。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 策略详情 -->
    <section class="section strategy-details" id="strategy">
        <div class="container">
            <h2 class="section-title fade-in">策略逻辑架构</h2>
            <p class="section-subtitle fade-in">基于趋势跟踪与动态对冲的量化合成策略</p>
            
            <div class="detail-grid fade-in">
                <div class="detail-content">
                    <h3>趋势判断引擎</h3>
                    <p>采用13/21/34/55周期EMA均线组，通过8重排列验证确认主趋势方向。只有当所有均线呈现严格多头排列或空头排列时，系统才会启动开仓程序。</p>
                    <ul class="feature-list">
                        <li>多头条件：13>21>34>55且连续3周期上升</li>
                        <li>空头条件：13<21<34<55且连续3周期下降</li>
                        <li>动态过滤：结合CCI、DeMarker验证动能</li>
                    </ul>
                </div>
                <div class="performance">
                    <div class="metrics">
                        <div class="metric">
                            <span class="metric-value">85%</span>
                            <span class="metric-label">趋势识别准确率</span>
                        </div>
                        <div class="metric">
                            <span class="metric-value">50ms</span>
                            <span class="metric-label">平均响应延迟</span>
                        </div>
                        <div class="metric">
                            <span class="metric-value">30</span>
                            <span class="metric-label">最大马丁层数</span>
                        </div>
                        <div class="metric">
                            <span class="metric-value">1.4x</span>
                            <span class="metric-label">智能加仓倍数</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="detail-grid fade-in" style="margin-top: 4rem;">
                <div class="performance">
                    <h3 style="color: var(--secondary-gold); margin-bottom: 1.5rem;">加仓策略矩阵</h3>
                    <div class="metrics">
                        <div class="metric">
                            <span class="metric-value">200点</span>
                            <span class="metric-label">逆势加仓间距</span>
                        </div>
                        <div class="metric">
                            <span class="metric-value">200点</span>
                            <span class="metric-label">顺势加仓间距</span>
                        </div>
                        <div class="metric">
                            <span class="metric-value">1500点</span>
                            <span class="metric-label">均价止盈目标</span>
                        </div>
                        <div class="metric">
                            <span class="metric-value">2000点</span>
                            <span class="metric-label">移动止损启动</span>
                        </div>
                    </div>
                </div>
                <div class="detail-content">
                    <h3>智能仓位管理</h3>
                    <p>采用斐波那契数列优化加仓倍数，动态计算持仓均价，实现精准止盈。系统支持双向独立仓位管理，可根据市场波动率自动调整网格密度。</p>
                    <ul class="feature-list">
                        <li>首单手数可固定或按资金比例动态调整</li>
                        <li>逆势加仓：手数=首单×1.4^N，N为当前层数</li>
                        <li>顺势加仓：手数=上一单×1.4，限制4层</li>
                        <li>实时计算持仓均价，达到1500点全平</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 实盘观摩 -->
    <section class="section" id="demo">
        <div class="container">
            <h2 class="section-title fade-in">实时交易观摩</h2>
            <p class="section-subtitle fade-in">连接STARTRADER真实服务器，见证策略在真实市场的表现</p>
            
            <div class="demo-account fade-in">
                <h3 style="font-size: 2rem; margin-bottom: 1rem;">公开观摩账户</h3>
                <p style="color: var(--text-secondary); margin-bottom: 2rem;">账户编号 700000742 · 服务器 STARTRADERFinancial-Live4 · 24小时实时交易</p>
                
                <div class="account-info">
                    <div class="info-item">
                        <h4>服务器</h4>
                        <p class="copy" onclick="copyText('STARTRADERFinancial-Live4')">STARTRADERFinancial-Live4</p>
                    </div>
                    <div class="info-item">
                        <h4>观摩账号</h4>
                        <p class="copy" onclick="copyText('700000742')">700000742</p>
                    </div>
                    <div class="info-item">
                        <h4>观摩密码</h4>
                        <p class="copy" onclick="copyText('qwe331')">qwe331</p>
                    </div>
                    <div class="info-item">
                        <h4>连接状态</h4>
                        <p style="color: var(--success-green);">● 实时更新中</p>
                    </div>
                </div>
                
                <div style="margin-top: 2rem; padding: 1.5rem; background: rgba(0,0,0,0.3); border-radius: 10px;">
                    <h4 style="color: var(--secondary-gold); margin-bottom: 1rem;">如何连接观摩</h4>
                    <p style="color: var(--text-secondary); font-size: 0.9rem; line-height: 1.8;">
                        1. 打开MT4平台 → 文件 → 开新模拟账户<br>
                        2. 搜索服务器 "STARTRADERFinancial-Live4"<br>
                        3. 选择 "连接现有账户"<br>
                        4. 输入账号 700000742 和密码 qwe331<br>
                        5. 即可查看实时交易记录和持仓情况
                    </p>
                </div>
            </div>

            <div class="grid fade-in" style="margin-top: 3rem;">
                <div class="card">
                    <div class="card-icon">📱</div>
                    <h3>移动端监控</h3>
                    <p>支持MT4移动端实时查看账户动态，无论身在何处都能掌握策略表现。提供持仓分析、盈亏统计、历史记录等完整功能。</p>
                </div>
                <div class="card">
                    <div class="card-icon">🔍</div>
                    <h3>交易透明化</h3>
                    <p>所有开仓、平仓、加仓记录完全公开，支持回溯任意时间段的交易明细。无隐藏操作，无事后修饰，真实展现策略能力。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 团队介绍 -->
    <section class="section" id="team">
        <div class="container">
            <h2 class="section-title fade-in">研发团队</h2>
            <p class="section-subtitle fade-in">由资深量化交易员与算法工程师组成的精英团队</p>
            
            <div class="team fade-in">
                <div class="team-avatar">匯</div>
                <h3>匯先生</h3>
                <p class="team-role">首席策略架构师 & 逐浪EA主开发者</p>
                <p style="color: var(--text-secondary); line-height: 1.8; max-width: 700px; margin: 0 auto;">
                    拥有超过10年外汇量化交易经验，曾任职于多家国际知名对冲基金。专注于趋势跟踪与网格策略的融合研究，
                    主导开发的逐浪EA融合了华尔街主流风控模型与亚洲市场特性，累计管理资金规模超过千万美元。
                </p>
                <div class="contact-info">
                    <div class="contact-item">
                        <span>🏢</span>
                        <div>
                            <strong>团队</strong><br>
                            汇交易策略研发中心
                        </div>
                    </div>
                    <div class="contact-item">
                        <span>💬</span>
                        <div>
                            <strong>微信</strong><br>
                            FXEATM
                        </div>
                    </div>
                    <div class="contact-item">
                        <span>🌐</span>
                        <div>
                            <strong>官网</strong><br>
                            汇交易策略研发中心
                        </div>
                    </div>
                </div>
            </div>

            <div class="grid fade-in" style="margin-top: 3rem;">
                <div class="card">
                    <h3>技术优势</h3>
                    <ul style="list-style: none; padding: 0;">
                        <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-color);">● MQL4/MQL5底层优化</li>
                        <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-color);">● C++核心计算引擎</li>
                        <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-color);">● 云计算实时监控</li>
                        <li style="padding: 0.5rem 0;">● AI辅助参数调优</li>
                    </ul>
                </div>
                <div class="card">
                    <h3>服务支持</h3>
                    <ul style="list-decoration: none; padding: 0;">
                        <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-color);">✓ 一对一参数配置指导</li>
                        <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-color);">✓ 7×24小时技术响应</li>
                        <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border-color);">✓ 定期策略更新升级</li>
                        <li style="padding: 0.5rem 0;">✓ 专属客户交流群</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 风险披露 -->
    <section class="section risk-warning" id="risk">
        <div class="container">
            <h3>⚠️ 风险披露声明</h3>
            <div class="risk-content">
                <p>
                    <strong>逐浪EA是一款高风险量化交易策略，使用前请务必仔细阅读以下风险警示：</strong>
                </p>
                <ul>
                    <li>外汇交易本身具有极高风险，可能导致本金全部损失。逐浪EA采用马丁加仓策略，在极端行情下存在爆仓可能。</li>
                    <li>策略历史表现不代表未来业绩。过去回测和实盘观摩的盈利数据仅供参考，不保证未来可复制相同收益。</li>
                    <li>建议起始资金不低于3,000美元，且仅使用可承受损失的风险资本。切勿借贷或使用生活必需资金进行交易。</li>
                    <li>马丁策略在震荡行情中可能产生较大浮亏，最大回撤可能达到账户净值的30%-50%。请确保理解并接受此风险。</li>
                    <li>市场流动性不足、点差扩大、滑点等因素可能导致实际交易结果与策略预期产生偏差。</li>
                    <li>用户需自行承担因经纪商选择不当、网络延迟、平台故障等第三方因素导致的损失。</li>
                    <li>建议在实盘使用前进行至少3个月的模拟账户测试，充分理解策略逻辑与风险特征。</li>
                    <li>汇交易策略研发中心及匯先生本人不承担任何因使用本策略导致的直接或间接损失。</li>
                </ul>
                <p style="margin-top: 1rem;">
                    <strong> By using this EA, you acknowledge that you have read, understood, and accepted all risks associated with automated trading.</strong>
                </p>
                <div class="risk-level">风险等级：高风险</div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>关于逐浪EA</h4>
                    <p>逐浪EA是汇交易策略研发中心推出的旗舰级量化产品，融合多指标趋势过滤与智能网格技术，为全球交易者提供专业级自动化交易解决方案。</p>
                </div>
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <p>
                        <a href="#strategy">策略核心</a><br>
                        <a href="#demo">实盘观摩</a><br>
                        <a href="#risk">风险披露</a><br>
                        <a href="#contact">联系我们</a>
                    </p>
                </div>
                <div class="footer-section">
                    <h4>联系我们</h4>
                    <p>
                        微信：FXEATM<br>
                        团队：汇交易策略研发中心<br>
                        作者：匯先生<br>
                        服务时间：7×24小时
                    </p>
                </div>
                <div class="footer-section">
                    <h4>法律声明</h4>
                    <p>
                        本产品仅供专业投资者参考使用。<br>
                        汇交易策略研发中心保留所有权利。<br>
                        严禁未经授权的复制与传播。
                    </p>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2024 汇交易策略研发中心 · All Rights Reserved. 逐浪EA by 匯先生</p>
                <p style="margin-top: 0.5rem; font-size: 0.8rem;">
                    本网站信息不构成投资建议，交易有风险，入市需谨慎。
                </p>
            </div>
        </div>
    </footer>

    <script>
        // 平滑滚动
        function scrollToSection(sectionId) {
            const element = document.getElementById(sectionId);
            if (element) {
                element.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        }

        // 复制功能
        function copyText(text) {
            navigator.clipboard.writeText(text).then(() => {
                // 创建临时提示
                const tooltip = document.createElement('div');
                tooltip.textContent = '已复制！';
                tooltip.style.cssText = `
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background: var(--secondary-gold);
                    color: var(--primary-navy);
                    padding: 10px 20px;
                    border-radius: 5px;
                    font-weight: 700;
                    z-index: 9999;
                    animation: fadeInOut 2s ease forwards;
                `;
                document.body.appendChild(tooltip);
                
                setTimeout(() => {
                    document.body.removeChild(tooltip);
                }, 2000);
            }).catch(err => {
                alert('复制失败，请手动复制：' + text);
            });
        }

        // 滚动动画
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.animationDelay = '0.1s';
                    entry.target.classList.add('fade-in');
                }
            });
        }, observerOptions);

        // 观察所有需要动画的元素
        document.querySelectorAll('.card, .detail-grid, .performance, .team').forEach(el => {
            observer.observe(el);
        });

        // 添加CSS动画
        const style = document.createElement('style');
        style.textContent = `
            @keyframes fadeInOut {
                0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
                20% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
                80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
                100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
            }
        `;
        document.head.appendChild(style);

        // 导航栏滚动效果
        let lastScroll = 0;
        window.addEventListener('scroll', () => {
            const nav = document.querySelector('nav');
            const currentScroll = window.pageYOffset;
            
            if (currentScroll > 100) {
                nav.style.boxShadow = '0 5px 30px rgba(0,0,0,0.3)';
            } else {
                nav.style.boxShadow = 'none';
            }
            
            lastScroll = currentScroll;
        });
    </script>
</body>
</html>